<template>
    <div class="app-container">
        <card-container
            ref="card685"
            :list="list"
            :list-loading="listLoading"
            @loadMore="loadMore" />
    </div>
</template>

<script>
import cardContainer from '@/components/card/fm-card-container'
// import cardInterface from '@/mixins/cardInterface'
import { cardformInitData2 } from '@/api/api'
export default {
    name: 'fmCard',
    components: { cardContainer },
    data() {
        return {
            formId: '6439',
            list: [],
            listLoading: true,
            totalData: -1,
            pager: {
                offset: 1,
                limit: 10
            },
            jsonList: { 'list': [{ 'type': 'grid', 'name': '栅格布局', 'icon': 'icon-grid-', 'columns': [{ 'span': 4, 'list': [{ 'type': 'img', 'name': '', 'icon': 'icon-tupian', 'options': { 'defaultValue': '##P|TESTINFOR_ZHAOPIAN##', 'textAlign': 'center', 'backgroundColor': '#fff', 'borderRadius': '30px', 'width': '60px', 'height': '60px', 'remoteFunc': 'func_1558251804000_23015' }, 'key': '1558251804000_23015', 'model': 'img_1558251804000_23015', 'rules': [] }] }, { 'span': 6, 'list': [{ 'type': 'title', 'name': '', 'icon': 'icon-input', 'options': { 'defaultValue': '##P|TESTINFOR_CHINA_NAME##', 'inline': false, 'textAlign': 'left', 'color': '#000', 'fontSize': '18px', 'fontWeight': '700', 'marginLeft': '0px', 'marginRight': '0px', 'titleHeight': '', 'lineHeight': '', 'remoteFunc': 'func_1558251809000_12274' }, 'key': '1558251809000_12274', 'model': 'title_1558251809000_12274', 'rules': [] }, { 'type': 'title', 'name': '', 'icon': 'icon-input', 'options': { 'defaultValue': '##P|TESTINFOR_XINGBIE##-##P|TESTINFOR_XUELI##', 'inline': false, 'textAlign': 'left', 'color': '#000', 'fontSize': '12px', 'fontWeight': 600, 'marginLeft': '0px', 'marginRight': '0px', 'titleHeight': '', 'lineHeight': '', 'remoteFunc': 'func_1558251811000_28175' }, 'key': '1558251811000_28175', 'model': 'title_1558251811000_28175', 'rules': [] }] }, { 'span': 14, 'list': [{ 'type': 'tag', 'name': '', 'icon': 'icon-input', 'options': { 'defaultValue': '##P|TESTINFOR_JIGUAN##', 'type': '', 'hit': true, 'tagColor': '', 'size': 'small', 'marginLeft': '0px', 'marginRight': '5px', 'remoteFunc': 'func_1558251814000_56467' }, 'key': '1558251814000_56467', 'model': 'tag_1558251814000_56467', 'rules': [] }, { 'type': 'tag', 'name': '', 'icon': 'icon-input', 'options': { 'defaultValue': '##P|TESTINFOR_BIYEYUANXIAO##', 'type': 'success', 'hit': true, 'tagColor': '', 'size': 'small', 'marginLeft': '0px', 'marginRight': '5px', 'remoteFunc': 'func_1558251818000_50649' }, 'key': '1558251818000_50649', 'model': 'tag_1558251818000_50649', 'rules': [] }, { 'type': 'tag', 'name': '', 'icon': 'icon-input', 'options': { 'defaultValue': '##P|TESTINFOR_ZHUZHI##', 'type': 'info', 'hit': true, 'tagColor': '', 'size': 'small', 'marginLeft': '0px', 'marginRight': '5px', 'remoteFunc': 'func_1558251823000_61797' }, 'key': '1558251823000_61797', 'model': 'tag_1558251823000_61797', 'rules': [] }, { 'type': 'tag', 'name': '', 'icon': 'icon-input', 'options': { 'defaultValue': '##P|TESTINFOR_GONGSI##', 'type': 'danger', 'hit': true, 'tagColor': '', 'size': 'small', 'marginLeft': '0px', 'marginRight': '5px', 'remoteFunc': 'func_1558251820000_94847' }, 'key': '1558251820000_94847', 'model': 'tag_1558251820000_94847', 'rules': [] }] }], 'options': { 'gutter': 10, 'justify': 'start', 'align': 'top', 'remoteFunc': 'func_1558251780000_37671' }, 'key': '1558251780000_37671', 'model': 'grid_1558251780000_37671', 'rules': [] }], 'config': { 'formId': '6439', 'labelWidth': 100, 'labelPosition': 'top', 'size': 'small', 'column': 1 }}
        }
    },
    async created() {
        this._cardformInitData()
    },
    methods: {
        loadMore() {
            this._cardformInitData('loadMore')
        },
        _cardformInitData() {
            const params = {
                'containerParam': {},
                'paramsMap': {},
                'requestParam': {
                    'ORGVORGANIZATION_ORGCODE': ''
                },
                'filter': {
                    'EMPVEMPLOYEE_EMPSTATUS': '',
                    'ORGVORGANIZATION_ORGCODE': '',
                    'EMPVEMPLOYEE_DEPID': null,
                    'EMPVEMPLOYEE_JOBID': null,
                    'EMPVEMPLOYEE_EMPCODE': '',
                    'EMPVEMPLOYEE_CNAME': ''
                },
                'formId': this.formId,
                'isView': null,
                'limit': 10,
                'offset': 0,
                'order': 'asc',
                'templateJson': JSON.stringify(this.jsonList)
            }
            cardformInitData2(params)
                .then((response) => {
                    console.log(response)
                    if (response) {
                        this.listLoading = false
                        console.log(JSON.parse(response.data))
                        const list = JSON.parse(response.data)
                        this.list = list
                    }
                })
                .catch(function(error) {
                    console.log(error)
                })
        }
    }
}
</script>

